<template>
   <div>
    <h1>vue3生命周期</h1>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
   </div>
</template>

<script>
import { onMounted } from 'vue'
export default {
  setup () {
    // 时机成熟 回调函数自动执行
    onMounted(() => {
      console.log('mouted生命周期执行了')
    })
    onMounted(() => {
      console.log('mouted生命周期函数又执行了')
    })

    return {}
  }
}
</script>

<style sass-scoped>

</style>
